<%@ include file="/common/taglibs.jsp"%>
<%@ taglib prefix="content" tagdir="/WEB-INF/tags/content"%>

<div class="top clearfix">
	<ul class="tab">
		<li class="curr"><span><fmt:message key="contentSelector.title"/></span></li>
	</ul>
	<b class="red">[<fmt:message key="contentSelector.title.tip"/>]</b>
	<%@include file="/common/pagingOnlyTop.jsp"%>
</div>
<div class="data" style="">
	<display:table name="${contentList}" cellspacing="0" cellpadding="0"	uid="content" class="list_table" style="width:100%;" export="false"	requestURI="">
		
		<display:column style="width:10%;" sortable="false" headerClass="data-table-title"
			decorator="com.probiz.estore.core.decorator.TblColumnDecorator"
			titleKey="product.imageUrl">
			<content:contentImage content="${content}" sizeType="s0" linkType="0" width="58px" height="58px"/>
		</display:column>
		<display:column style="" sortable="false" paramProperty="productId"
			decorator="com.probiz.estore.core.decorator.TblColumnDecorator"
			titleKey="content.contentTitle">
			<b><a href="javascript:void(0)"	onclick='selectContent(${content.contentId})'>${content.contentTitle}</a></b>
			<input type="hidden" id="contentTitle_${content.contentId}" value="${content.contentTitle}"/>	
			<input type="hidden" id="imageUrl_${content.contentId}" value="${content.imageUrl}"/>	 
			
		</display:column>
		<display:column style="width: 30%" sortable="false" headerClass="data-table-title"
			decorator="com.probiz.estore.core.decorator.TblColumnDecorator"
			titleKey="content.category">
			${content.category.simpleCategoryPathName}
		</display:column>
		<display:column style="width: 7%"  sortable="false" headerClass="data-table-title"
       		decorator="com.probiz.estore.core.decorator.TblColumnDecorator" titleKey="content.status">
			<fmt:message key="content.status.${content.status}"/>
		</display:column>
	</display:table>
</div>
<%@include file="/common/pagingOnly.jsp"%>

<%@include file="include/contentSearchCriteriaStorage.jspf"%>
<script type="text/javascript">
highlightTableRows("content");
$j("#content").chromatable({
    width: "100%",
    height: "440px",
    scrolling: "yes"
}); 
</script>
